// 导入重置样式
require("../../assets/css/reset.css");
// 引入公共样式
require("../../assets/css/basic.css");
// 引入矢量图
require("../../assets/fonts/iconfont.css");
// 引入底部导航tabbar
require("../../assets/css/tabbar.less");
// 引入当前页面的样式
require('./mine.less');

// 引入dom
const dom = require("../../utils/dom.js");
// 引入axios模块
const axios = require("../../utils/axios.js");
// 引入底部导航tabbar
const tabbar = require("../../utils/tabbar.js");

document.addEventListener("DOMContentLoaded", async function(){
    // 渲染底部导航tabbar
    tabbar.tabbar("mine");

    // 1.点击头像栏跳转到个人编辑页面
    dom.get(".img").addEventListener("click", function(){
        location.href = "mine_modify.html";
    })

    // 2.渲染个人信息
    let massage = await axios.get("/api/user/info");
    console.log(massage)
    dom.get(".img img").src = axios.defaults.baseURL + massage.data.data.imgUrl;
    dom.get(".signature").textContent = massage.data.data.sign;
    dom.get(".username").textContent = "用户名：" + massage.data.data.nickName;

    // 3.点击运动数据跳转到数据页面
    dom.get(".data").addEventListener("click", function(){
        location.href = "mine_sports_data.html";
    })

    // 4.点击退出登录返回登录页面
    dom.get("button").addEventListener("click", function(){
        location.href = "login.html"
    })
})